@charset "utf-8";
@import "reset";
@import "iconfont";
@import "common";
$font-size: 64px;
html {
    font-size: $font-size;
}
@function r($px) {
    @return $px/$font-size*1rem;
}
.web {
    .content {
//      padding: 0 r(30px);
        background: #efefef;
        .wh {
            padding: 0 r(30px);
            position: relative;
            font-size: 0;
            background: #fff;
            h5 {
                font-size: r(30px); //          font-weight: 400;
            }
            i,
            span {
                font-size: r(20px);
                color: #c5c5c5;
                margin-left: r(15px);
            }
            p {
                font-size: r(20px);
                color: #8b8b8b;
                span {
                    color: red;
                }
            }
            .pos {
                background: #fff;
                position: absolute;
                top: r(80px);
                right: r(20px);
            }
        }
        .cont {
//          margin-top: r(80px);
            padding: r(50px) r(30px) 0;
            background: #fff;
            p,h6{
                color: #8b8b8b;
                font-size: r(20px);
                text-indent: 2em;
                margin-top: r(40px);
            }
            h6{
                color: #333;
            }
            img{
                width: 100%;
                height: r(287px);
                margin-top: r(15px);
            }
            p:nth-of-type(6),p:nth-of-type(7),p:nth-of-type(8),p:nth-of-type(9),p:nth-of-type(10){
                margin-top: 0;
            }
            h6:nth-of-type(7),h6:nth-of-type(8),p:nth-of-type(12),p:nth-of-type(13),p:nth-of-type(14)
            ,p:nth-of-type(15),p:nth-of-type(16),p:nth-of-type(17),p:nth-of-type(18)
            ,p:nth-of-type(19),p:nth-of-type(20),p:nth-of-type(21),p:nth-of-type(22)
            ,p:nth-of-type(23),p:nth-of-type(24){
                text-indent: 0;
            }
        }
        .last{
            padding: 0 r(30px);
            height: r(80px);
            line-height: r(80px);
            background: #fff;
            margin-top: r(20px);
            p{
                font-size: r(22px);
                span{
                    font-size: r(18px);
                }
            }
        }
        .fenx{
          padding: r(40px) r(30px);  
          background: #fff;
          margin-top: r(20px);
          li{
            display: inline-block;
            margin-left: r(65px);
            p{
                font-size: r(20px);
                color: #C5C5C5;
//              margin-top: r(15px);
            }
            p:nth-of-type(1){
                width: r(71px);
                height: r(71px);
                line-height: r(71px);
                text-align: center;
                border-radius: 50%;
                border: 1px solid #C5C5C5;
                
            }
            p:nth-of-type(2){
                margin-left: r(15px);
            }
        }
        li:nth-of-type(1){
            margin-left: r(80px);
        }
        }
    }
}